<template>
  <view style="padding:0 0 300rpx;" >
    <z-nav-bar id="nav" bgColor="#ffffff" title="关于我们"></z-nav-bar>

    <view class="us-box flex-column-center">
      <image :src="aboutInfo.platformLogo" mode=""></image>
      <view class="usname">
        河马智洗
      </view>
    </view>

    <view class="list-cell-section">
      <view class="list-cell-item">
        <text>公司名称</text>
        <view>
          {{aboutInfo.companyName }}
        </view>
      </view>
      <view class="list-cell-item">
        <text>公司官网</text>
        <view>
          {{aboutInfo.companyWebsite }}
        </view>
      </view>
      <view class="list-cell-item">
        <text>联系我们</text>
        <view>
          {{aboutInfo.contactInfo }}
        </view>
      </view>
    </view>

  </view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app';
import {personalCenterAbout} from '@/api/pagesMy/user'
import { systemStore } from '@/stores/system'
let app = getApp();
import {ref} from "vue";
const SystemStore =systemStore()
const statusBarHeight = ref("")
statusBarHeight.value =  SystemStore.statusBarInfo.statusBarHeight
const aboutInfo =ref('')

//---------------------------------------onload----------------------

onLoad((e)=>{
  loadInfo()
})

//---------------------------------------function-------------------


function loadInfo(index) {
  personalCenterAbout().then(res=>{
    aboutInfo.value = res
  })
}

</script>

<style>
page{background-color: #fff;}
</style>
<style lang="scss">
@import "./style/common.scss";

.list-cell-section{

  .list-cell-item{
    text{
      color: #828282;
    }
    view{
      font-weight: bold;
    }
  }
}
.us-box{
  image{
    width: 124rpx;
    height: 124rpx;
    margin: 112rpx 0 56rpx;
  }
  .usname{
    font-size: 42rpx;
    font-weight: bold;
    margin-bottom: 112rpx;
  }
}
</style>
